.navHead{
    height:64px;
    line-height: 64px;
    border-bottom:1px solid rgb(238, 238, 238);
    background: #fff;
}
ul{
    li{
        float:left;
        margin:0px 16px;
        color:rgb(187, 187, 187);
        cursor: pointer;
        i{
            margin-right:6px;
        }
        .markdown{
            font-size:20px;
        }
        button{
            background: #fff;
            padding:6px 20px;
            border-radius: 4px;
            color:rgb(121, 120, 120);
            margin-left:10px;
            border:1px solid rgb(207, 207, 207);
        }
        
    }
    .person{
        position: relative;
    }
    .person_icon{
        i{
            margin-right:0px;
        }
    }
    .person_nav{
        position: absolute;
        top:64px;
        left:0px;
        width:140px;
        height:500px;
        z-index: 10000;
        border:1px solid rgb(241, 241, 241);
        background: #fff;
        overflow: hidden;
        transition: height 0.5px;
        li{
            float:none;
        }
    }
    .release{
        position: relative;
        span{
            padding:6px 20px;
            color:#007fff;
            font-size:16px;
            border-radius:4px;
            border:1px solid #007fff;
        }
        .relaseCon{
            position: absolute;
            top:64px;
            left:-240px;
            width:340px;
            padding:30px;
            box-sizing: border-box;
            background: #fff;
            z-index: 1000;
            border:1px solid #e6e6e7;
            button{
                color:#fff;
                font-size:16px;
                padding:8px 20px;
                background: #77ce6d;
            }
            h4{
                color:#7e7e7e;
            }
            h5{
                font-size:15px;
                margin-top:40px;
            }
            h4,h5{
                padding:0px;
                margin:0px;
                // height:30px;
                line-height: 30px;
            }
            .label_title{
                line-height:10px;
                margin-top:10px;
            }
            div{
                span{
                   margin:6px;
                   float:left;
                   padding:4px 8px;
                   font-size:14px;
                   color:#9a9a9c;
                   line-height: 24px;
                    border:1px solid #e6e6e7;
                }
                .active, span:hover{
                    background: #e6eef6;
                    color:#007fff;
                    border:1px dotted #60acfd;
                }
            }
            .fr{
                font-size:14px;
                font-weight: normal;
            }
            .labels{
                strong{
                    font-weight: normal;
                    padding:6px 10px;
                    font-size:14px;
                    border:1px solid #e5e6e7;
                    margin:6px;
                    float:left;
                    border-radius: 2px;
                    line-height: 10px;
                    i{
                        font-size:8px!important;
                        margin-left:4px;
                        cursor: pointer;
                    }
                }
            }
            .label_title{
                margin-top:20px;
            }
            .label{
                height:36px;
                width:100%;
                margin-top:0px;
                outline: none;
                padding-left:10px;
                border-bottom:1px solid #e6eef6;
                
            }
            button,span{
                cursor: pointer;
            }
            input::-webkit-input-placeholder{
                font-size:13px;
                color:#c9c9c9;
            }
            input::-moz-placeholder{   /* Mozilla Firefox 19+ */
                font-size:13px;
                color:#c9c9c9;
            }
             input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
                font-size:13px;
                color:#c9c9c9;
            }
             input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
                font-size:13px;
                color:#c9c9c9;
            }
        }
    }
}

.design{
    h3{
        font-size:18px;
    }
    .bg_white{
        padding:30px;
    }
    .title{
        input,textarea{
            width:100%;
            height:46px;
            border:1px solid #e5e6e7;
            margin-top:30px;
            padding-left:16px;
            box-sizing:border-box;
            background: #fcfcfc;
            border-radius: 4px;
        }
        textarea{
            height:100px;
            padding-top:20px;
        }
    }
}
.task{
    width:100%;
    height:100%;
    position: fixed;
    top:0px;
    left:0px;
    background: rgba(0,0,0,0.4);
    .cover{
        width:400px;
        height:300px;
        border-radius: 30px;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        background: #fff;
        h5{
            margin:30px 0px 0px 30px;
            font-size:16px;
            
        }
        .close{
            margin:30px 30px 0px 0px;
            color:#9a9a9c;
        }
        input{
            width:100px;
            height:100px;
            outline: none;
            position: absolute;
            left:50%;
            transform: translateX(-50%);
            top:90px;
            opacity: 0;
            z-index: 1000;
        }
        p{
            text-align: center;
            width:240px;
            margin:210px auto;
            line-height: 20px;
            font-size:15px;
            span{
                font-size:12px;
                color:#9a9a9c;
                font-weight: normal;
                margin-left:10px;
            }
        }
        .file_up{
            position: absolute;
            width:100px;
            height:100px;
            line-height: 100px;
            text-align: center;
            border-radius: 20px;
            border:1px dashed #c3c3c4;
            left:50%;
            transform: translateX(-50%);
            top:90px;
            i{
                font-size:24px;
                color:#c3c3c4;
            }
        }
    }
}
.update_word{
    padding-bottom:60px!important;
    h3{
        span{
            font-size:14px;
            color: #c9c9c9;
            margin-left:16px;
        }
    }
    .add_work{
        width:200px;
        height:200px;
        text-align: center;
        line-height: 200px;
        margin-top:30px;
        border-radius: 20px;
        border: 1px dashed #c3c3c4;
        position: relative;
        i{
            font-size:36px;
            color:#e5e6e7;
        }
        input{
            width:200px;
            height:200px;
            position: absolute;
            top:0px;
            left:0px;
            opacity: 0;
        }
    }
}
.img{
    width:200px;
    height:200px;
    margin-top:30px;
    margin-left:20px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    background: #f1f1f1;
    border: 1px dashed #c3c3c4;
    img{
        position: absolute;
        width:200px;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
    }
    .close{
        position: absolute;
        right:20px;
        top:20px;
        font-size:20px;
        opacity: 0.6px;
    }
}
.susscc{
    text-align: center;
    line-height: 50px;
    .iconfont{
        font-size:36px;
        color:#77ce6d;
    }
    p{
        line-height: 40px;
    }
    .error{
        color:#ff4444;
    }
}